<div class="loginpage">
  <h2 class="loginpage-title">{{ (environment$ | async)?.webSite?.name | abpLocalization }}</h2>
  <form nz-form [formGroup]="form" class="login-form loginpage-form" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-control>
        <nz-input-group nzPrefixIcon="user">
          <input
            type="text"
            nz-input
            formControlName="userName"
            [placeholder]="'AbpAccount::DisplayName:UserName' | abpLocalization"
          />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <nz-input-group nzPrefixIcon="lock">
          <input
            type="password"
            nz-input
            formControlName="password"
            [placeholder]="'AbpAccount::DisplayName:Password' | abpLocalization"
          />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <button nz-button class="login-form-button login-form-margin" [nzType]="'primary'">
        {{ 'AbpAccount::Login' | abpLocalization }}
      </button>
    </nz-form-item>
  </form>
  <div
    class="login-footer"
    [innerHTML]="(environment$ | async)?.webSite?.copyright | abpLocalization"
  ></div>
</div>
